<template>
  <div class="page-cont">
    <van-nav-bar
      title="个人信息"
      left-arrow
      @click-left="$router.go(-1)"
    />
    <div class="list">
      <van-cell
        center
        title="头像"
      >
        <template #right-icon>
          <van-image
            round
            width="50"
            height="50"
            :src="userInfo.avatar"
          />
        </template>
      </van-cell>
      <van-field
        :value="userInfo.username"
        label="用户名"
        readonly
        input-align="right"
        placeholder="请输入用户名"
      />
      <van-field
        :value="userInfo.mobile"
        label="手机号"
        readonly
        input-align="right"
        placeholder="请输入手机号"
      />
    </div>
  </div>
</template>

<script>
export default {
  name: "MyEditPage",
  data() {
    return {};
  },
  created() {
  }
};
</script>

<style lang="scss" scoped>
@import "./style.scss";
</style>
